
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <input class="myinput" type="text" /> <button class="btn">点击查看是否带伞</button>
        <script>
// if ... else ...
// if(条件){ 执行的语句 }else{执行的语句}

// 分数如果大于等于 60分 显示及格 ，分数小于60不及格

// if(true){
//     console.log("执行了111");
// }

// var score = parseInt(prompt("请输入分数"));
// if(score>=60){
//     console.log("及格了");
// }

// if(score<60){
//     console.log("不及格");
// }

// if(score>=60){
//     console.log("及格了");
// }else{
//     console.log("其他所有情况 ，不及格");
// }

// else 是 if 之外的所有情况



// var height =parseInt( prompt("请输入身高"));
// var weight = parseInt( prompt("请输入体重"));
// var w = (height-108)*2; //标准体重
// if(Math.abs((weight-w))<=10){
//     console.log("标准体重");
// }else{
//     console.log("体重不标准");
// }

// 是否下雨了 ，如果下雨了 就带伞 其他情况不带伞
// 获取 input框里的值
// 在什么情况下获取
// button 点击之后执行内容 ：1.获取button
var btn = document.getElementsByClassName("btn")[0];
// 获取input框
var myinput = document.getElementsByClassName("myinput")[0];
// console.log(btn);
// 给btn绑定点击事件
btn.onclick = function () {
    // 当点击的时候会执行 function 大括号里的内容
    //    console.log("点击了");
    //    console.log("点击了22");
    //    console.log("点击了333");
    // 获取input框里的值 :输入框.value 就是input框里的值
    //    console.log( myinput.value);
    var res = myinput.value;
    if (res == "下雨了") {
        console.log("需要带伞");
    } else {
        console.log("不带伞");
    }
}

        </script>
    </body>

    </html>
